// Copyright (C) 2023 Storj Labs, Inc.
// See LICENSE for copying information.

<template>
    <!-- Dashboard Icon -->
    <svg width="18" height="18" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path :fill="color" d="M10 3C14.9697 3 19 6.99704 19 11.9297C19 13.7318 18.4604 15.4552 17.4661 16.9176L17.3197 17.133H2.68034L2.53386 16.9176C1.53963 15.4552 1 13.7318 1 11.9297C1 6.99704 5.03035 3 10 3ZM10 3.98438C5.57218 3.98438 1.98438 7.54253 1.98438 11.9297C1.98438 13.4365 2.40794 14.8797 3.19314 16.1276L3.20669 16.1487H16.7935L16.8069 16.1276C17.5754 14.9062 17.9974 13.4978 18.015 12.0258L18.0156 11.9297C18.0156 7.54253 14.4278 3.98438 10 3.98438ZM14.3021 8.69557C14.3027 8.69619 14.3033 8.69682 14.3039 8.69744C14.4917 8.89459 14.4849 9.20638 14.2887 9.39518L10.3376 13.1983C10.1428 13.3858 9.83289 13.3799 9.64538 13.1851C9.64478 13.1844 9.64419 13.1838 9.64359 13.1832C9.45583 12.986 9.46261 12.6743 9.65876 12.4855L13.6099 8.68235C13.8047 8.49484 14.1146 8.50076 14.3021 8.69557Z" />
    </svg>
</template>

<script setup lang="ts">
const props = withDefaults(defineProps<{
    color?: string;
}>(), {
    color: 'currentColor',
});
</script>
